<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <meta content="1 days" name="revisit-after" /> 
    <meta content="" name="keywords" /> 
    <meta content="" name="description" /> 
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> 
    <meta content="yes" name="apple-mobile-web-app-capable" /> 
    <meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
    <meta content="telephone=no" name="format-detection" /> 
    <meta content="false" id="twcClient" name="twcClient" />
    <link rel="stylesheet" href="css/style.css" />
	<title>流水</title>
</head>

<body>
 <div class="content">
    <div id="nav">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li class="on"><a href="turnover.html">流水</a></li>
            <li><a href="account.html">账户</a></li>
            <li><a href="form.html">报表</a></li>
            <li class="change"><img src="images/arrow1.png" /></li>
        </ul>
    </div>
    <div id="turnoverList">
        <div class="month">
            <a href="#" class="openMonth">
                <ul class="bg">
                    <li><img src="images/plus.png" /></li>
                    <li>3月</li>
                    <li>收:￥82000.00</li>
                    <li>支:￥233800.50</li>
                </ul>
            </a> 
        <div class="category">
            <ul>
                <li class="gongzi" style="height: auto; border-top: none;"> 
                    <a href="#" class="openCategory">
                    <i class="gz-icon"></i> 
                       <div class="left">
                            <span class="accoutname">工资</span><br />
                            <span class="date">2012-03-27</span>
                            <span class="remark">本月工资</span>
                        </div>
                        <div class="right">
                            <span class="money red">￥8000.00</span><span class="arrow"></span>
                        </div>
                        </a>
                    <div id="unfold" class="fold">
                            <form>
                                <ul>
                                    <li>
                                        <label>金额:</label> 
                                        <input type="text" name="money" value="8000.00"/>
                                    </li>
                                    <li>
                                        <label>账户:</label>
                                        <select name="account">
                                        <option value="xianjin">现金</option>
                                        <option value="yinghang" selected="selected">银行卡</option>
                                        <option value="xingyong">信用卡</option>
                                        <option value="zhifu">支付宝</option>
                                        </select>
                                    </li>
                                    <li>
                                        <label>类别:</label> 
                                        <select name="category">
                                        <option value="gongzi" selected="selected">工资</option>
                                        <option value="jiangjin">奖金</option>
                                        </select>
                                    </li>
                                    <li>
                                        <label>时间:</label>
                                        <input type="text" name="date" value="2012-03-27" />
                                    </li>
                                    <li>
                                        <label>备注:</label>
                                           <TEXTAREA> 本月工资</TEXTAREA>
                                    </li>
                                </ul>
                            </form>
                    </div>
                </li>
                <li class="canyin">
                   <a href="#" class="openCategory">
                    <i class="cy-icon"></i> 
                       <div class="left">
                            <span class="accoutname">餐饮</span><br />
                            <span class="date">2012-03-26</span>
                            <span class="remark">知味观</span>
                        </div>
                        <div class="right">
                            <span class="money">￥12.50</span><span class="arrow"></span>
                        </div>
                    </a>
                </li>
                <li class="yvle">
                   <a href=""  class="openCategory">
                        <i class="yvl-icon"></i> 
                        <div class="left">
                            <span class="accoutname">娱乐</span><br />
                            <span class="date">2012-03-25</span>
                            <span class="remark">翠苑电影院</span>
                        </div>
                        <div class="right">
                            <span class="money">￥278.00</span><span class="arrow"></span>
                        </div>
                    </a>
                </li>
                <li class="yiliao">
                   <a href="#" class="openCategory">
                       <i class="yl-icon"></i> 
                       <div class="left">
                            <span class="accoutname">医疗</span><br />
                            <span class="date">2012-03-24</span>
                            <span class="remark">同德医院</span>
                        </div>
                        <div class="right">
                            <span class="money">￥250.00</span><span class="arrow"></span>
                        </div>
                    </a>
                </li>
                <li class="tongxun">
                   <a href="#" class="openCategory">
                       <i class="tx-icon"></i> 
                       <div class="left">
                            <span class="accoutname">通讯</span><br />
                            <span class="date">2012-03-23</span>
                            <span class="remark">手机充值</span>
                        </div>
                        <div class="right">
                            <span class="money">￥50.00</span><span class="arrow"></span>
                        </div>
                    </a>
                </li>
                <li class="jiaotong">
                   <a href="#" class="openCategory">
                   <i class="jt-icon"></i> 
                   <div class="left">
                        <span class="accoutname">交通</span><br />
                        <span class="date">2012-03-22</span>
                        <span class="remark">加油</span>
                    </div>
                    <div class="right">
                        <span class="money">￥500.00</span><span class="arrow"></span>
                    </div></a>
                </li>
                <li class="wuye">
                   <a href="#" class="openCategory">
                       <i class="wy-icon"></i> 
                       <div class="left">
                            <span class="accoutname">物业</span><br />
                            <span class="date">2012-03-21</span>
                            <span class="remark">水电费</span>
                        </div>
                        <div class="right">
                            <span class="money">￥298.00</span><span class="arrow"></span>
                        </div>
                    </a>
                </li>
                <li class="xuexi">
                   <a href="#" class="openCategory">
                   <i class="xx-icon"></i> 
                   <div class="left">
                        <span class="accoutname">学习</span><br />
                        <span class="date">2012-03-20</span>
                        <span class="remark">设计中的设计</span>
                    </div>
                    <div class="right">
                        <span class="money">￥250.00</span><span class="arrow"></span>
                    </div></a>
                </li>
                <li class="qita">
                    <a href="#" class="openCategory">
                   <i class="qt-icon"></i> 
                   <div class="left">
                        <span class="accoutname">其他</span><br />
                        <span class="date">2012-03-19</span>
                        <span class="remark">母亲节礼物</span>
                    </div>
                    <div class="right">
                        <span class="money">￥500.00</span><span class="arrow"></span>
                    </div></a>
                </li>
                <li class="fushi">
                    <a href="#" class="openCategory">
                   <i class="fs-icon"></i> 
                   <div class="left">
                        <span class="accoutname">服饰</span><br />
                        <span class="date">2012-03-18</span>
                        <span class="remark">连衣裙</span>
                    </div>
                    <div class="right">
                        <span class="money">￥200.00</span><span class="arrow"></span>
                    </div></a>
                </li>
                <li class="jiangjin">
                    <a href="#" class="openCategory">
                   <i class="jj-icon"></i> 
                   <div class="left">
                        <span class="accoutname">奖金</span><br />
                        <span class="date">2012-03-17</span>
                        <span class="remark">福利彩票</span>
                    </div>
                    <div class="right">
                        <span class="money red">￥200.00</span><span class="arrow"></span>
                    </div></a>
                </li>
            </ul>
        </div>
        </div>
        <div class="month">
            <a href="#"  class="openMonth">
                <ul class="bg">
                    <li><img src="images/plus.png" /></li>
                    <li>2月</li>
                    <li>收：￥8200.00</li>
                    <li>支：￥3345.00</li>
                </ul>
            </a>
            <div class="category">
                <ul>
                    <li class="zhuanzhang">
                        <a href="#" class="openCategory">
                       <i class="zz-icon"></i> 
                       <div class="left">
                            <span class="accoutname">现金->银行卡</span><br />
                            <span class="date">2012-03-16</span>
                            <span class="remark">转了个账</span>
                        </div>
                        <div class="right">
                            <span class="money">￥200.00</span><span class="arrow"></span>
                        </div></a>
                    </li>
                </ul>
            </div>  
        </div>
        
        <div class="month">
            <a href="#" class="openMonth">
            <ul class="bg">
                <li><img src="images/plus.png" /></li>
                <li>1月</li>
                <li>收：￥8000.00</li>
                <li>支：￥2980.00</li>
            </ul>
            </a>
        </div>  

    </div>

</div>
<script type="text/javascript" src="js/turnover.js"></script>
</body>
</html>